<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
            /* 改颜色，预定义颜色值，如：pink red,以英文格式书写 */
            .pink {

                color: pink;
            }

            /* 改颜色，16进制写法 (以 # 开头，后面是16进制数字)----用的最多*/
            .red {

                color: #ff0000;
            }

            /* 改颜色，rgb()格式写法（以rgb格式开头，分别代表 red红色 green绿色 blue蓝色，属性最高值为255，最低值为0） */

            .green {
                color: rgb(0, 255, 0);
            }




            /* 对齐文本，left--左对齐（默认值），center--居中对齐，right--右对齐 */

            .center {

                text-align: center;
            }

            /* 装饰文本,none--取消装饰线（默认,可用来取消链接的下划线），underlien--下划线，overline--上划线，line-through--删除线*/

            .none {
                text-decoration: none;
            }

            /* 文本缩进，单位：20px(像素)、2em(以字符为单位对首行进行缩进，如：2em,缩进两个字符的距离) ，多用于分段后首行缩进*/

            .indent {

                text-indent: 2em;

            }

            /* 行间距， */

            .height {

                line-height: 40px;
            }





    </style>
</head>
<body>

    <div class="pink">把我改成粉红色</div>

    <div class="red">把我以16进制写法改成红色</div>

    <div class="green">请使用geb把我改成绿色</div>

    <div class="center">请使用 text-align: center 实现居中对齐</div>

    <div ><a href="#" class="none">请使用 text-decoration: none 把此链接的下划线去掉</a></div>

    <div class="indent">请使用 text-indent 对文本第一行进行缩写</div>

    <div class="height">请使用 line-height 对文本行间距进行调整</div>
    
</body>
</html>